<template>
	<view class="pt20 pb40">
		<RecordBox
			v-for="(item, index) in list"
			:key="index"
			:item="item"
			@handerDetails="handerDetails"
		></RecordBox>
	</view>
</template>

<script>
import RecordBox from '../components/RecordBox/RecordBox.vue';

import { list } from './index.js';
export default {
	components: {
		RecordBox
	},
	data() {
		return {
			list: list
		};
	},
	methods: {
		handerDetails(event) {
			uni.navigateTo({
				url: `/pagesC/reportingdetails/reportingdetails?id=${event.id}&status=${event.status}`
			});
		}
	},
	onLoad() {}
};
</script>

<style lang="scss" scoped>
page {
	background-color: #f2f5f9;
}
</style>
